<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>02_基础标签</title>
</head>
<body>
<!--1.文本标签-->
我是文字
<b>我是加粗文字bold</b>
<i>我是斜体文字italic</i>
<u>我是下划线文字underline</u>
<s>我是删除文字</s>
<mark>/我是高亮文字</mark>

<!--2.空格折叠现象：连续的多个空格或换行会折叠成一个空格显示 -->
<!--2.1 换行标签：br-->
<br>
<!--2.2 转义符号：用于在html中显示特殊字符  &nbsp;空格-->
我是&nbsp;&nbsp;内容

<br>
我是超超，我喜欢赵丽颖
我是&lt;paopao&gt;,我也喜欢赵丽颖
</body>

<!--3.标题标签 改变字号 文字加粗 独占一行 有垂直方向的行间距-->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
<h7>7级标题</h7>

<!--4.段落标签：p-->
<p>我是段落1</p>
<p>我是段落2</p>
<p>我是段落3</p>
<p>我是段落4</p>

<!-- 5.生成假文：lorem然后按Tab补全-->
<p>lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam animi aspernatur at atque consequatur consequuntur
    dic</p>

<!--6.水平分割线：hr -->
<hr>

<!--7. 有序列表 ordered list-->
<ol type="1">
    <!--    列表项 list item-->
    <li>把冰箱门打开</li>
    <li>把大象装进去</li>
    <li>把冰箱门关上</li>
</ol>

<!-- 8.无序列表 unordered list-->
<ul  type = "none">
    <li>《Think In java》</li>
    <li>《Head First Java》</li>
    <li>《Effective Java》</li>
    <li>《java从入门到精通》</li>
    <li>《java编程思想》</li>
</ul>
</html>